<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/index.css">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
</head>
<style>
    body,html{
        width: 100%;
        height: 100%;
    }
    #video{
        width: 100%;
        height: 370px;
    }
</style>
<body>
<div class="swiper-slide page-end" style="width: 100%;height: 1000px">
    <video
            webkit-playsinline="webkit-playsinline"
            x-webkit-airplay="isHtml5UseAirPlay"
            playsinline=""
            x5-playsinline=""
            autoplay
            controls
            src="http://oss.co-links.com/demo_supplier_v.mp4"
            id="video"
            preload="auto"
            poster="images/poster.png"
            style="object-fit:fill;width: 375px;height: 260px">
    </video>

</div>
<script src="js/jquery-1.7.2.js"></script>
<script>
    function  isAndoroid() {
        var u =navigator.userAgent;
        if(u.indexOf('Android')>-1||u.indexOf('Linux')>-1){
            return true
        }else{
            return false
        }
    };

    function isIos() {
        var u = navigator.userAgent;
        if(!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)){
            return true;
        }else{
            return false;
        }
    }
    document.addEventListener('WeixinJSBridgeReady', function() {
        document.getElementById('video').play()
//            document.getElementById('video').play()
    })
//    window.onload = function () {
////        var audio =document.getElementById('audio')
////        audio.play()
//        var video =document.getElementById('video')
//        if (isAndoroid()) {
//            video.play()
//        } else {
//            video.addEventListener('canplay',function () {video.play()})
//        }
//    };
</script>
</body>
</html>